
<div class="fluent-pull-container" blazor:ontouchstart="1" blazor:ontouchmove="2" blazor:ontouchend="3" b-rq0hhda1ik="">
  <div style="position: relative; user-select: none; height: 100%;" b-rq0hhda1ik="">
    <div part="tip" direction="down" style="--fluent-pull-refresh-head-height: 32px;" b-rq0hhda1ik="">
      <svg style="width: 24px; fill: var(--accent-fill-rest);" focusable="false" viewBox="0 0 24 24" aria-hidden="true" blazor:onclick="4">
        <path d="m16.53 11.72-.08-.07a.75.75 0 0 0-.98.07l-2.72 2.72V7.65A.75.75 0 0 0 12 7h-.1a.75.75 0 0 0-.65.75v6.7l-2.72-2.73-.09-.07a.75.75 0 0 0-.97 1.13l4 4 .08.07c.3.22.71.2.98-.07l4-4 .07-.08c.22-.3.2-.71-.07-.98ZM2 12a10 10 0 1 0 20 0 10 10 0 0 0-20 0Zm18.5 0a8.5 8.5 0 1 1-17 0 8.5 8.5 0 0 1 17 0Z"></path>
      </svg>
    </div>Content that can be refreshed</div>
</div>